@CHARSET "UTF-8";

@import url(font.css);

#mainpage{position:relative;border:1px solid #ffffff;width: 95%px;
		  height: auto;margin:0 auto;}
.menu{position:absolute;border:1px solid #ffffff;color:#ffffff;text-align:center;font-family: 'tc', serif;}
.menu:HOVER{opacity:1.0;cursor:pointer;}

/*모바일 사이즈*/

#title{width:100%;height:40px;background-color:#000000;font-size:35px;}
#board{width:32%;height:40px;top:45px;background-color:#ff8000;font-size:32px;}
#login{width:32%;height:30px; top:55px;left:34%;background-color: #e7b20c;font-size:22px;}
#join{width:32%;height:30px;top:55px;left:68%;background-color:#b11e14;font-size:22px;}
#member{width:32%;height:30px;top:90px;left:34%;background-color: #704796;font-size:22px;}
#guest{width:32%;height:30px;top:90px;left:68%;background-color: #264389;font-size:22px;}
#eat{width:32%;height:30px;top:90px;background-color: #42793f;font-size:22px;}
#content{width:99%;height:450px;top:135px;border:5px solid #ff8000;overflow: auto;color:#000000;font-size:13px;}
#foot{width:100%;height:100px;top:600px;color:#000000;}

#member_info{width:32%;height:30px; top:55px;left:34%;background-color:#e7b20c;font-size:22px;}
#member_manage{width:32%;height:30px;top:55px;left:68%;background-color: #b11e14;font-size:20px;}

/*내부 동적 인크루드 아이템*/
/*리스트*/
#list_item>div{font-size:13px;}
#searchsel{	margin-top:10px;height: 22px;width : 80px;font-family: tc;font-weight: bold;}
#findinput{	margin-top:10px;height: 16px;width : 160px;	font-family: tc;}
.listbtn{margin-top:10px;font-weight:bold;font-family: tc;height: 22px;width : 70px;background-color: #ffe1c4;}
#btninput{margin-top:10px;font-family: tc;font-size : 15px;	font-weight:bold;height: 22;width : 90%;background-color: #ffe1c4;}
/*뷰*/
#viewhead{background-color : #ffd7c4;width: 90%;height: 30px;margin:0 auto;line-height: 30px;white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;}
#viewrno{width:8%;text-align: center;font-size : 10px;}
#viewcate{width:10%;text-align: left;font-size : 10px;}
#viewtitle{width:60%;font-weight: bold;margin:0 auto;text-align: center;font-size :13px;}
#viewmid{width:20%;text-align:right;font-size : 10px;}
.viewbtn{font-size:12px;margin-top:10px;font-weight:;font-family: tc;height: 22px;width : 70px;	background-color: #ffe1c4;}
#list_pre>div{font-size:12px;display: inline-block;}
#list_next>div{font-size:12px;display: inline-block;}
#list_dap>div{font-size:12px;display: inline-block;}


@media all and (min-width:500px){}
@media all and (min-width:500px) and (max-width:980px){
	#mainpage{width: 585px;height: auto;margin:0 auto;}
	#login{width:150px;height:50px;top:0px;left:430px;font-size:40px;}
	#title{width:425px;height:105px;top:0px;font-size:67px;line-height: 85px;}
	#join{width:150px;height:50px;top:55px;left:430px;font-size:30px;line-height: 50px;}
	#member{width:190px;height:80px;top:685px;left:390px;font-size:40px;line-height: 70px;}
	#guest{width:190px;height:80px;top:685px;left:195px;font-size:40px;line-height: 70px;}
	#board{width:580px;height:60px;top:110px;left:0px;font-size:55px;}
	#eat{width:190px;height:80px;top:685px;left:0px;font-size:35px;line-height: 70px;}
	#content{width:99%;height:500px;top:175px;border:5px solid #ff8000;overflow: auto;color:#000000;font-size: 15px;}
	#foot{width:100%;height:100px;top:790px;text-align:center;}
	
	#member_info{width:150px;height:50px;top:0px;left:430px;background-color:#e7b20c;}
	#member_manage{width:150px;height:50px;top:55px;left:430px;background-color: #b11e14;}
		
}
@media all and (min-width:980px){
	#mainpage{width: 980px;height:auto;margin:0 auto;}
	#login{width:250px;height:60px;top:0px;left:720px;font-size: 30px;line-height:60px;}
	#title{width:250px;height:100px;top:0px;font-size: 42px;line-height:100px;}
	#guest{width:110px;height:225px;top:105px;left:0px;font-size: 60px;line-height:70px;}
	#member{width:110px;height:225px;top:565px;left:0px;font-size: 60px;line-height:56px;}
	#join{width:250px;height:35px;top:65px;left:720px;font-size: 20px;line-height:37px;}
	#eat{width:110px;height:225px;top:335px;left:0px;font-size: 56px;line-height:56px;}
	#board{width:460px;height:100px;top:0px;left:255px;font-size: 70px;line-height:100px;box-shadow:0px 0px 10px 3px #ff9393}
	#content{width:850px;height:685px;top:105px;left:115px;border:5px solid #ff8000;overflow: auto;color:#000000;font-size: 20px;}
	#foot{width:100%;height:100px;top:820px;text-align:center;}
	
	#member_info{width:250px;height:60px;top:0px;left:720px;background-color:#e7b20c;font-size: 24px;line-height:30px;}
	#member_manage{width:250px;height:35px;top:65px;left:720px;background-color: #b11e14;font-size: 20px;line-height:30px;}
	#logout{width:100%;height:30px;background-color: #FFFFFF;font-family: tc;font-size: 16px;}
}